<template>
  <div class="item-content">
    <div class="image-content">
      <van-image
        height="100%"
        fit="cover"
        :src="yiyuan"
      />
    </div>
    <div>
         <CommonItemContent v-for="item in orderList" :key="item.title" :commonItem="item"></CommonItemContent>
    </div>
  </div>
</template>

<script>
import CommonItemContent from "./OrderCommonItem";
export default {
  name: "listItemCell",
  components: {
    CommonItemContent
  },
  data() {
    return {
      yiyuan:require('../../../assets/yiyuandingdan.jpg'),
      orderList: [
        {
          title: "医院名称：",
          content: "张家口第一人民医院"
        },
        {
          title: "地址：",
          content: "张家口路1299弄143号"
        },
        {
          title: "门诊：",
          content: "耳鼻喉科"
        },
        {
          title: "主治医师：",
          content: "张医师"
        },
        {
          title: "完成时间：",
          content: "2020-04-13"
        }
      ]
    };
  }
};
</script>

<style scoped>
.item-content {
  height: 120px;
  background: white;
  margin-left: 5px;
  margin-right: 5px;
  border-bottom: solid 1px #f2f2f2;
  display: flex;
  align-items: center;
}
.image-content {
  width: 100px;
  height: 80%;
  margin-right: 10px;
}
</style>